<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>	
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<style type="text/css">
			*{margin: 0;
			padding: 0;}
			body{
				height: 100vh;
			}
			h5{
				padding: 15px 0;
			}
			table {
    border-collapse: collapse;
    border-spacing: 0;
}
			input{
				display: inline;								
    width: 272px;
    height: 17px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-right:15px ;
			}
			.list-view{
				width: 15.5%;
				height: 100vh;
				background-color: #031030;
			}
			/*father*/
			.logo{
				
				width: 100%;
				background-color: #031030;
				
			}
			.logo-ge{
				max-height: 40px;
				display: inline;
				position: relative;
				top:13px ;
			}
			.logo-first-child{
				width: 150px;
				margin: 0 auto;
				padding-bottom: 12px;
			}
			/*logo*/
			.operator{
				padding-top: 15px;
				border-top: solid #071126 2px;
				width: 100%;
				background-color: #031030;
				height: 21%;
				
				
			}
			.operatop-first-child{
				width: 130px;
				margin: 0 auto;
			}
			
			
			/*main*/
			.main{
				width: 84.5%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 15.5%;
				background-color: #f6f7fb;
			}
			.main-title{
				
				background-color: #ffffff;
				height: 7.5%;
				border-bottom: solid 1px #ededf0;
				font-family: "微软雅黑";
			}
			.main-search{
				position: relative;
				top: 25px;
				background-color: #ffffff;
				width: 94%;
				height: 11.7%;
				border: solid 1px #ededf0;
				margin: 0 auto;
			}
			.main-search-child{
				width: 98%;
				height: 60px;
				margin:0 auto;
				padding-top: 15px;
			}
			.button{
				padding-top: 16px;
				height: 60px;
				width: 400px;
				margin: 0 auto;
			}
			.main-search-child a{
				border-radius: 6px;
				border: solid 1px gainsboro;
				background-color: #1594ff;
				text-decoration: none;
				padding:  7px 32px;
				font-size: 13px;
				color:white ;
				margin-right: 18px;
				
			}
			.main-table{
				width: 94%;
				height: 550px;
				position: relative;
				top: 40px;
				background-color: white;
				margin: 0 auto;
				border: solid 1px #ededf0;
			}
			#head{
				background-color: #eaebf0;
			}
			th,td{
				
				border:0;
				padding: 5px 43px;
			}
			table{
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<div class="list-view">
			<div class="logo">
				<div class="logo-first-child">
					<img src="img/logo.jpg 拷贝.png" class="logo-ge"/>
				<h6 style="display: inline;color: white;">Paperless System</h6>
				</div>
				
			</div>
			<!--operator-->
			<div class="operator">
				<br />
				<!--<span class="fa fa-home" style="color: #4974e2;"></span>&nbsp;-->
				<div class="operatop-first-child">
					
						<span class="fa fa-home" style="color: #4974e2;"></span>&nbsp;<h5 style="display: inline;color: white;width: 170px;">QE操作系统</h5> <span class="fa fa-angle-down" style="color: #4974e2;"></span>
					
				
				<h5 style="color: white; " align="center">查看已完成工单</h5>
				<h5 style="color: white; padding-top: 0;" align="center">工单维护&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h5>
				
				</div>
				
			</div>

		</div>
		<!--main-->
		<div class="main">
			<div class="main-title">
				<h4 style="display: inline;position: absolute;top: 16px;padding-left:25px ;">填写工单</h4>
				<h4 style="display: inline;position: absolute;top: 16px;right: 15px;color: #63b4ff;">退出</h4>
				
			</div>
			<div class="main-search">
				<div class="main-search-child">
					<h4 style="color: #888888;">搜索</h4>
					
					<input type="text" name="" id="" value=""  placeholder="     工单号"/>
					<input type="text" name="" id="" value="" style="margin: 0;"placeholder="    工序名称"/>
					
					
					<a href="" style="background-color: white;color: #1594ff;border-color: #1594ff;">重置</a>
					<a href="" style="background-color:#1594ff ;color: white;border-color: #1594ff;margin-right: 0px;">搜索</a>
				</div>
				
						
					
					
			</div>
			<div class="main-table">
				<h4 style="position: relative;left:3% ;padding: 7px;color:#a9b2c6;font-family: '微软雅黑';">搜索结果</h4>
				<table >
					
					<tr id="head" ><td >序号</td><td>工号</td><th>供应商</th><th>SN#</th><th>Dwg.No.</th><th>操作</th></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td><td>Data</td><td>Data</td><td>Data</td></tr>
				</table>
			</div>
		</div>
		
	</body>
</html>
